<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
  <title>选择注册人员</title>

  <!--region 引入公用js和css -->
  <script>
    var HOST_S = "";
    var ctx = "";
  </script>

  <link href="../../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet"
        type="text/css"/>
  <link href="../../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css"
        rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link href="../../assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
  <link rel="stylesheet" href="../../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../../assets/plugins/layer/theme/default/layer.css">
  <link rel="stylesheet" href="../pagination.css">


  <!-- CSS Customization -->
  <link href="../../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
        type="text/css"/>
  <script src="../../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../../assets/plugins/art-template/template.js"></script>
  <script src="../../assets/plugins/layer/layer.js"></script>
  <script src="../../assets/ditop/ditop.js"></script>
  <!--endregion-->

  <link rel="stylesheet" href="choice.css">

  <style>
    .bg-w{
      background-color: #fff;
    }
  </style>
</head>


<body class="page-footer-fixed page-content-white">

<div class="popup-box posiR">
  <div class="distinction clearfix">
    <div class="popup-left">
      <div class="popup-right-header">
        <select class="querySelect pull-left bg-w" id="beCopy">
          <option>注册类别</option>
        </select>
        <select class="querySelect pull-left">
          <option>注册专业</option>
        </select>
        <div class="input-icon right input-blue pull-right">
          <i class="fa icon-magnifier"></i>
          <input type="text" class="form-control" placeholder="请输入人员姓名或身份证号">
        </div>
      </div>

      <div class="tab-container">
        <section class="tab-plane">
          <div class="currencyTab">
            <table class="table table-bordered">
              <tr class="checked">
                <td width="40">
                  <label class="mt-checkbox mt-checkbox-outline">
                    <input type="checkbox" class="thisCheckbox" checked>
                    <span></span>
                  </label>
                </td>
                <td class="text-center" width="40">1</td>
                <td width="165">
                  <p class="margin-bottom-0">唐嫣</p>
                  <p class="margin-bottom-0 fmAx12">34242519900502 2337</p>
                </td>
                <td>一级注册建造师（建筑工程）</td>
              </tr>
              <tr>
                <td width="40">
                  <label class="mt-checkbox mt-checkbox-outline">
                    <input type="checkbox" class="thisCheckbox">
                    <span></span>
                  </label>
                </td>
                <td class="text-center" width="40">2</td>
                <td width="165">
                  <p class="margin-bottom-0">唐嫣</p>
                  <p class="margin-bottom-0 fmAx12">34242519900502 2337</p>
                </td>
                <td>一级注册建造师（建筑工程）</td>
              </tr>
              <tr class="disabled">
                <td>
                  <label class="mt-checkbox mt-checkbox-outline">
                    <input type="checkbox" class="thisCheckbox" disabled>
                    <span></span>
                  </label>
                </td>
                <td class="text-center">3</td>
                <td>
                  <p class="margin-bottom-0">唐嫣</p>
                  <p class="margin-bottom-0 fmAx12">34242519900502 2337</p>
                </td>
                <td>一级注册建造师（建筑工程）
                  <a href="#" class="well-red">点击查看人员不可用原因</a>
                </td>
              </tr>
            </table>
          </div>
          <div class="wrap-fenYe" style="padding: 10px 0 0 0;">
            <div class="pagebar"><div class="paginfo"><span>共 22 页，85 条记录</span><span><div class="paginfo"><span class="active">1</span><a href="javascript:;" data-page="2">2</a><a href="javascript:;" data-page="3">3</a><span style="border:0">...</span><a href="javascript:;" data-page="22">22</a></div></span></div></div>
          </div>
        </section>
      </div>

    </div>
    <div class="popup-right">
      <div class="reminder">
        <p>1、人员已实名制，和本公司建立了聘用关系，人员取得一级/二级建造师资格并注册在本公司 <br>
          2、同一个人取得建造师证书和技术工人证书不能同时使用</p>
      </div>
      <ul class="choose-list">

        <li class="choose-item">
          <h4 class="choose-item-title">已选择成员数：<font class="blue">2</font></h4>
          <div class="choose-item-text">
            <p class=""><b>徐徐小飞</b></p>
            <span class="fa fa-trash-o"></span>
          </div>
          <div class="choose-item-text">
            <p class=""><b>徐小飞</b></p>
            <span class="fa fa-trash-o"></span>
          </div>
        </li>

      </ul>

    </div>
  </div>
  <footer class="footer footer-actions">

    <button type="button" class="pull-right normal-button sure margin-left-15" >确定</button>
    <button type="button" class="pull-right normal-button cancel">取消</button>
  </footer>
</div>


<div class="markB">
  <select class="querySelect bg-w pull-left" id="isCopy">
    <option>注册类别</option>
  </select>
  <div class="markB-img">
    <img src="re.png" alt="">
    <span>知道了</span>
  </div>

</div>

<script>

  var offset = $('#beCopy').offset();

  $('#isCopy').css({
    position: 'absolute',
    top: offset.top + 'px',
    left: offset.left + 'px',
  });
  $('.markB-img').css({

    top: offset.top+40 + 'px',
    left: offset.left + 'px',
  });

  //console.log(X2,Y2);
  //获取相对(父元素)位置:


  $('.thisCheckbox').on('click',function () {
    if($(this).is(':checked')){
      $(this).parent().parent().parent().addClass('checked');
    }else {
      $(this).parent().parent().parent().removeClass('checked');
    }
  })
</script>




<!--region 引入公用js和css -->
<script src="../../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../assets/plugins/js.cookie.min.js"></script>
<script src="../../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../../assets/plugins/moment.min.js"></script>
<script src="../../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../../assets/plugins/select2/js/select2.js"></script>
<script src="../../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../../assets/base/scripts/app.js"></script>
<script src="../../assets/base/scripts/theme.js"></script>
<script src="../../assets/ditop/ditop-addition.js"></script>
<script src="../../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../assets/ditop/layout.js"></script>
<!--endregion-->
<script src="../../assets/module/gcjsy/js/content.js"></script>
</body>
</html>

